<div class="HostStatusBar">
    <div class="HostStatusBar-ok"
        data-placement="top"
        aw-tool-tip="{{okCountTip}}"
        data-tip-watch="okCountTip"></div>
    <div class="HostStatusBar-changed"
        data-placement="top"
        aw-tool-tip="{{changedCountTip}}"
        data-tip-watch="changedCountTip"></div>
    <div class="HostStatusBar-failures"
        data-placement="top"
        aw-tool-tip="{{failuresCountTip}}"
        data-tip-watch="failuresCountTip"></div>
    <div class="HostStatusBar-unreachable"
        data-placement="top"
        aw-tool-tip="{{unreachableCountTip}}"
        data-tip-watch="unreachableCountTip"></div>
    <div class="HostStatusBar-skipped"
        data-placement="top"
        aw-tool-tip="{{skippedCountTip}}"
        data-tip-watch="skippedCountTip"></div>
    <div class="HostStatusBar-noData"
        aw-tool-tip="The host status bar will update when the job is complete."
        ng-show="!hasCount && !jobFinished"
        data-placement="top"></div>
    <div class="HostStatusBar-noData"
        aw-tool-tip="No host status data was given for this job."
        ng-show="!hasCount && jobFinished"
        data-placement="top"></div>
</div>
